<template>
  <div v-loading="mapLoading" class="content">
    <MapContent />
    <SearchCollapse />
    <RightStatistics />
    <TopSearch />
    <mapcontrol></mapcontrol>
  </div>
</template>

<script setup lang="ts">
import MapContent from '@/pages/warning/components/map-content.vue'
import TopSearch from '@/pages/warning/components/top-search.vue'
import SearchCollapse from '@/pages/warning/components/search-collapse.vue'
import RightStatistics from '@/pages/warning/components/right-statistics.vue'
import mapcontrol from '@/layouts/mapcontrol/control.vue'
import { useWarningStore } from '@/pages/warning/store/store'
const warningStore = useWarningStore()
const componentVisible = ref('yjxh')
provide('componentVisible', componentVisible)
// 左侧折叠效果
const isShrink = ref(false)
provide('isShrink', isShrink)
const mapLoading = computed(() => warningStore.mapLoading)
onUnmounted(() => {
  warningStore.handleUnmountedInitData()
})
</script>

<style scoped lang="scss">
.content {
  width: 100%;
  height: 100%;
  position: relative;
}
</style>
